<ion-header>
    <ion-toolbar>
        <ion-title>购物车</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content class="ion-padding" *ngIf="res">
    <ion-card>
        <ion-item *ngFor="let item of res.products">
            <ion-grid fixed>
                <ion-row>
                    <ion-col>
                        <ion-text color="primary" style="font-size:12px">
                            {{item.title}}
                        </ion-text>>
                    </ion-col>
                    <ion-col style="display:felx;align-item:center;">
                        <ion-text color="danger">
                            ￥ {{item.price}}
                        </ion-text>
                    </ion-col>
                    <ion-col size="5" style="display:felx;align-item:center;justify-content:space-between">
                        <ion-button fill="clear">
                            <ion-icon slot="start" name="remove-circle"></ion-icon>
                        </ion-button>
                        <ion-col>{{item.count}}</ion-col>
                        <ion-button fill="clear">
                            <ion-icon slot="start" name="add-circle"></ion-icon>
                        </ion-button>
                    </ion-col>
                </ion-row>
            </ion-grid>
        </ion-item>
        <div style="display:flex;flex-direction:row-reverse">
            <ion-button color="success">
                去结算
            </ion-button>
        </div>
    </ion-card>
</ion-content>